﻿<!doctype HTML>

<html>

    <head>

        <!--GOOGLE ANALYTICS -->

        <script>
            (function (i, s, o, g, r, a, m) {
                i['GoogleAnalyticsObject'] = r;
                i[r] = i[r] || function () {
                    (i[r].q = i[r].q || []).push(arguments);
                }, i[r].l = 1 * new Date();
                a = s.createElement(o),
                        m = s.getElementsByTagName(o)[0];
                a.async = 1;
                a.src = g;
                m.parentNode.insertBefore(a, m);
            })(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');

            ga('create', 'UA-53105113-1', 'auto');
            ga('send', 'pageview');

        </script>



        <!--SEO--->
        <meta name="description" content="Search for a topic to chat about with other people around the world." />
        <meta name="keywords" content="Wextr, wextr, social media, chat">

        <title>Wextr</title>
        <link rel="shortcut icon" href="bilder/thumbnail.png"/>
        <meta charset="utf-8" />
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="css/prototyp5.css" />
        <link rel="stylesheet" href="css/about.css" />
        <!--Responsive css -->
        <link href="css/responsive.css" rel="stylesheet" media="all and (max-height: 1524px)">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src='http://wextserv.nodejitsu.com:80/socket.io/socket.io.js'></script>
        <script>
            var chatrooms = [], //title, au, id, color  wextr-hashcat.jit.su
                    tempName = "",
                    qs = window.location.href.split('=');

            var joinRoom = function (room) {
                tempName = room;
                $('#startsida-content').css('top', '5%');
                $('#startsida-content').load('chat-room.html');
            };

            $(document).ready(function () {
                if (typeof (qs[1]) !== 'undefined' && (qs[1]).indexOf('#') === -1) {
                    joinRoom(qs[1]);
                }
            });
        </script>
        <script src="./js/globalFunctions.js"></script>
        <script src="./js/index.js"></script>
        <script src='./js/login.js'></script>
        <script src='./js/validate.js'></script>
        <script src='./js/validateToken.js'></script>

    </head>


    <body id="playfull" onmouseover="titleChanger();">

        <!--START NAVIGATION FROM LEFT -->

        <nav class="main-nav" id="main-nav"></nav>

        <!--END NAVIGATION FROM LEFT -->

        <!--START ACCOUNT LOGIN FROM RIGHT -->

        <div id="loginContainer"></div>

        <!--END ACCOUNT LOGIN FROM RIGHT -->

        <!--START HEADER -->

        <div id="header">
            <div id="header-box-nav">
                <a href="#main-nav" class="open-menu">
                    <img alt="prototype" src="bilder/menu-alt-48.png">
                </a>
            </div>
            <div id="loginBox">
                <a href="#account-login-main-nav" class="open-menu">
                    <div id="account-login-header-box-nav">        
                        CHECKING LOGIN STATUS...
                    </div>
                </a>
            </div>
        </div>

        <!--END HEADER -->

        <!--START PAGE-CONTENT--> 

        <div id="startsida-content">
            <div class="wrap">
                <a href="index.html">
                    <div id="startsida-content-logo-box"></div>
                </a>

                <div id="startsida-content-search-box">
                    <form class="form" id='main_search'>
                        <input type="text" id='main_search_box' autocomplete="off" placeholder="Topic" required>
                        <button type="submit"></button>
                    </form>
                </div>

                <div id="startsida-content-howto-box">
                    <h3 class="startsida-content-howto-box">Find a topic to chat about with other people around the world.</h3>
                </div>
                                
              <!--  <div id="message-for-user">
                    <p class="light">Welcome to Wextr &nbsp;  <b>|</b>  &nbsp; To be able to use Wextr you need to create an account by pressing the LOGIN button.</p>
                </div> -->

            </div>
        </div>






<!--START FB SCRIPT -->

    <div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/sv_SE/sdk.js#xfbml=1&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<!-- END FB SCRIPT -->

<!-- GOOGLE PLUS SCRIPT -->
<script src="https://apis.google.com/js/platform.js" async defer></script>


<!--END PAGE-CONTENT -->

    <!--START SCRIPT -->
    <script type="text/javascript" src="js/search.js"></script>

<!--END SCRIPT -->


</body>

</html>

